$c909399: #909399;
$c333333: #333333;
$cEEEEEE: #eeeeee;
$cEAEAEA: #eaeaea;
$cC2DFFF: #c2dfff;
$c2E92F7: #2e92f7;
$cE8F3FF: #e8f3ff;
$cF0F9EB: #f0f9eb;
$cC2E7B0: #c2e7b0;
$c67C23A: #67c23a;
$cF5DAB1: #f5dab1;
$cE6A23C: #e6a23c;
$cFDF6EC: #fdf6ec;
$cD5D6D8: #d5d6d8;
$c909399: #909399;
$cF4F4F5: #f4f4f5;
$cDCDFE6: #dcdfe6;
$c606266: #606266;
$cFFFFFF: #ffffff;
$cf2f2f2: #f2f2f2;

.main_r {
  border-left: 1px solid #eaeaea;
  margin-left: 200px;
  padding: 15px;
  background-color: $cf2f2f2;
  box-sizing: border-box;

  .b {
    padding-top: 15px;
    background-color: $cFFFFFF;
    padding: 15px;
  }

  .t {
    height: 300px;
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 15px solid $cf2f2f2;
    background-color: $cFFFFFF;

    .t_container {
      border-bottom: 0;
    }
  }

  // 搜索条件样式
  .el-input__inner,
  .el-form-item__label {
    height: 35px !important;
    line-height: 35px !important;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
  }

  .el-form--inline .el-form-item {
    margin-bottom: 15px;
  }

  .el-form-item__content,
  .el-cascader {
    height: 30px !important;
    line-height: 30px !important;
  }

  .el-date-editor .el-range__icon {
    line-height: 30px;
    height: 28px;
  }

  .el-range-separator {
    // 日期选择器 至
    line-height: 30px !important;
    height: 28px !important;
  }

  .el-select .el-input .el-select__caret {
    margin-top: 0;
    display: inline-block !important;
  }
  .el-cascader .el-input .el-icon-arrow-down,
  .el-cascader .el-input .el-icon-arrow-up {
    line-height: 33px !important;
    height: 30px !important;
  }

  .el-icon-circle-close {
    line-height: 30px !important;
    height: 30px !important;
  }

  .el-select {
    .el-icon-circle-close {
      position: absolute;
      right: 20px !important;
    }
  }

  .el-input__prefix .el-input__icon {
    line-height: 33px;
  }

  .searchBtn {
    line-height: 35px !important;
    height: 35px !important;
    padding: 0 20px;
  }

  .el-date-editor .el-range-input {
    width: 70%;
  }
  .el-table {
    border: 1px solid $cEAEAEA;
  }

  .operations {
    .operation {
      display: inline-block;
      margin: 0 5px;
      height: 10px;
      border-left: 1.5px solid #b3b3b3;
    }

    .el-button {
      display: inline-block;
    }
  }

  // .el-input__suffix {
  //   line-height: 30px !important;
  // }

  .btnClass {
    background-color: #e8f3ff;
    border: 1px solid #a3d0fd;
    color: #1c89fa;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
  }

  .iconfont {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 5px;
  }
}

.f_F56C6C {
  color: #f56c6c;
}

.loading {
  .el-dialog__header {
    padding-bottom: 0;

    .el-dialog__title {
      font-size: 16px;
      color: $c333333;
      font-weight: 400;
    }
  }

  .el-dialog__body {
    padding: 15px 20px 35px;
  }
}

.jcjg {
  height: 12px;
  width: 288px;
  position: relative;
  overflow: hidden;
  // background-color: #F96159;
  background-color: #37ca41;
  // transform:scaleX(-10)

  .jcjgItem {
    position: absolute;
    // z-index: 99;
    height: 12px;
    // background-color: #37CA41;
    background-color: #f96159;
  }
}

// 工单状态
.type {
  padding: 5px 8px;
  display: inline-block;
  border-radius: 3px;

  &.type0 {
    // 未生成
    border: 1px solid $cDCDFE6 !important;
    color: $c606266 !important;
    background-color: $cFFFFFF !important;
  }

  &.type1 {
    // 已受理
    border: 1px solid $cC2DFFF !important;
    color: $c2E92F7 !important;
    background-color: $cE8F3FF !important;
  }

  &.type2 {
    // 待确认
    border: 1px solid $cC2E7B0 !important;
    color: #67c23a !important;
    background-color: $cF0F9EB !important;
  }

  &.type3 {
    // 驳回
    border: 1px solid $cC2E7B0 !important;
    color: #67c23a !important;
    background-color: $cF0F9EB !important;
  }

  &.type4 {
    // 驳回
    border: 1px solid $cF5DAB1 !important;
    color: $cE6A23C !important;
    background-color: $cFDF6EC !important;
  }

  &.type5 {
    // 挂起
    border: 1px solid #d5d6d8 !important;
    color: #909399 !important;
    background-color: #f4f4f5 !important;
  }

  &.type6 {
    // 外派
    border: 1px solid $cF5DAB1 !important;
    color: $cE6A23C !important;
    background-color: $cFDF6EC !important;
  }
}
